<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热点讲解</title>
</head>

<body>
   
   <div>
   //SEO 优化
   <img src="images/bg_1.jpg" usemap="#Map" border="0"  alt="背景图片"/>
   	//热点区域
    //去除IE下虚线框  你做的时候弄个body背景 不然两边是空白的  table布局可以换掉 下面的区域不要弄乱了
     <map name="Map" id="Map">
       <area shape="circle" coords="365,666,31" href="www.baidu.com"  onfocus= "this.blur()"/>
       <area shape="circle" coords="532,666,30" href="#" />
       <area shape="circle" coords="697,668,29" href="#" />
       <area shape="circle" coords="861,669,30" href="#" />
       <area shape="poly" coords="414,1035,536,1020,540,1127,413,1126,412,1038" href="www.baidu.com" />
     </map>
</div>


</body>
</html>
